<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的生活</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" href="../../css/clearfix.css">
    <link rel="stylesheet" href="../../css/application/application.css">
    <style>
        .list-block{
            margin: 0 0 0.75rem;
        }
    </style>
</head>
<body>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page page-current" id='router'>
        <!-- 标题栏 -->
        <header class="bar bar-nav" style="background: #fff;">
            <a class="button button-link button-nav pull-left back" style="color: #000;">
                <span class="icon icon-left" style="color: #000;"></span>
                返回
            </a>
            <h1 class='title'>产品详情页</h1>
        </header>
        <div class="content" style="background: #fff;">
            <div class="list-block">
                <div class="form_information">
                    <p>就诊人信息</p>
                </div>
                <ul>
                    <!-- Text inputs -->
                    <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-name"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">姓名：</div>
                            <div class="item-input">
                                <input type="text" placeholder="请填写真实姓名，防止挂号失败（必填）">
                            </div>
                        </div>
                    </div>
                </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-name"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">手机号码：</div>
                                <div class="item-input">
                                    <input type="text" placeholder="便于与就诊人联系及发送短信（必填）">
                                </div>
                            </div>
                        </div>
                    </li>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-name"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">证件号码：</div>
                                <div class="item-input">
                                    <input type="text" placeholder="医院就诊需要，请输入证件号码（必填）">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li style="padding: 0 .75rem .75rem" class="area_ele_container">
                        <div class="area_title">病情描述：</div>
                        <div class="text-area-container">
                            <textarea placeholder="无需姓名电话,信息简要说明，不少于20字。
例：2011年出现严重体重下降 ，当地就诊确诊为二型糖尿病，住院控制后出院药物治疗，血糖一直控制还可以，家用血糖仪测量，空腹血糖5.0,餐后2小时血糖7.8，一直吃醋吃药到现在，坚持饮食控制，近一月感觉视力模糊，尿液泡泡多。
"></textarea>
                        </div>
                    </li>
                </ul>
                <label class="m-check ui-margin">
                    <input type="radio" name="remindType" value="2" v-model="remind"/>
                    <div class="m-radio ui-pos"></div>
                    <span>我已阅读并同意<a href="#" style="color: #e7223c">《惠每极致服务协议》</a></span>
                </label>
                <div class="remarks">
                    <span style="color:#e7223c;">注：</span>如果您要取消预约，必须在服务开始前一个工作日操作！
                </div>
            </div>
            <div class="buy_btn clear">
                <div>
                    <p>￥88.00</p>
                    <p>立减10000积分</p>
                </div>
                <div id="order_buy_now">立即购买</div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://unpkg.com/sweetalert/dist/sweetalert.min.js' charset='utf-8'></script>
<!--<script type='text/javascript' src='../../static/validate/validator.min.js' charset='utf-8'></script>表单验证-->
<script>
    $(function () {
        $('#order_buy_now').on('click',function () {
            var msg = document.createElement("div");
            msg.className = "information_container"
            msg.innerHTML = "<p>姓名：张三</p><p class='phone_num'>手机号码：13001234567</p><p class='id_card'>证件号码：110012199001011234</p><p class='prompt_info'>请确保姓名、手机号码、身份证号的真实性与一致\n" +
                "性（婴幼儿预约可填写监护人证件号码）防止取号\n" +
                "失败</p>"
            swal({
                title:"提示",
                content:msg,
                buttons: {
                    close:{
                        text:"取消"
                    },
                    signUp:{
                        text:"确定"
                    }
                }
            })
                .then(function (willDel) {
                    console.log(willDel);
                    if (willDel==="signUp") {
                        console.log("您选择了确定")
                    } else {
                        console.log("您选择了取消")
                    }
                })
        })
    });
</script>
</body>
</html>